// 渲染数据
var storageStr = location.hash.substring(1);

// console.log(localStorage.getItem('uid', storageStr));

var fangfaStr = '';
var fangfaStr2 = '';
var fangfaStr3 = '';
var fangfaStr4 = '';
var fangfaStr5 = '';
var fangfaStr6 = '';
var fangfaStr7 = '';
var fangfaStr8 = '';
var image;
var mediumimg;
var arr = data.goodDataa.indexData
    // console.log(data.goodDataa);
var arr1 = arr.filter(function(value, i) {
    return storageStr == value.id
})
arr1.forEach(function(v, i) {

    $('.j-gwc-jrgwc-a').get(0).addEventListener('click', function() {
        // num++
        var nums = v.num++;
        var sjObj = {
            // num: 1,
            uid: v.id,
            utitle: v.title,
            uprice: v.newPlice,
            uimg: v.img,
            num: nums
        }
        var ssjjObj = JSON.stringify(sjObj)
        $('.ecsc-cart-popup').css({ 'display': 'block' });
        // localStorage.setItem('uid', storageStr);
        // localStorage.setItem('utext', utext);
        // localStorage.setItem('uNewPrice', uNewPrice);
        // localStorage.setItem('uOldPrice', uOldPrice);
        // localStorage.setItem('uimg', uimg);
        // localStorage.setItem('num', num);
        localStorage.setItem(v.id, ssjjObj)

    });
    $('.j-gwc-jrgwc-a').get(0).addEventListener('click', function() {
        var pro = new Promise((resolve, reject) => {
            resolve(initDataShop());
        });
    });
});

data.goodDataa.indexData.forEach((v, i) => {
    // console.log(v.id);

    // console.log(arr1);
    $('.j-gwc-jrgwc-a').click(function() {
        // num++
        $('.ecsc-cart-popup').css({ 'display': 'block' });
        // localStorage.setItem('uid', storageStr);
        // localStorage.setItem('utext', utext);
        // localStorage.setItem('uNewPrice', uNewPrice);
        // localStorage.setItem('uOldPrice', uOldPrice);
        // localStorage.setItem('uimg', uimg);
        // localStorage.setItem('num', num);
        localStorage.setItem(v.id, ssjjObj)

    });

    images = $(v.imgs);
    mediumimg = $(v.mediumimg);
    bigimg = $(v.bigimg);
    if (storageStr == v.id) {
        for (let i = 0; i < images.length; i++) {
            // console.log(images[i]);
            fangfaStr6 += `
         <li class="j-img">
             <img src="${images[i]}" alt="">
         </li>
        `
        };
        for (let j = 0; j < mediumimg.length; j++) {
            // console.log(bigimg[j]);
            fangfaStr7 += `
        <li class="j-white">
           <a href="">
               <img src="${mediumimg[j]}" alt="">
           </a>
        </li>
        `
        };
        for (let k = 0; k < bigimg.length; k++) {
            fangfaStr8 += `
        <img src="${bigimg[k]}" alt="" class="j-max_img">
        `
        }
        fangfaStr = `
       ${v.title}
       `
        fangfaStr2 = `
        ¥${v.newPlice}
       `
        fangfaStr3 = `
        <span>市 场 价</span>
        <span>¥${v.oldPrice}</span>
       
       `
        fangfaStr4 = `
      <span>累计销售</span> &nbsp<span>${v.cumulativeSales}</span>
       `
        fangfaStr5 = `
      <span>累计评价</span> &nbsp<span>${v.cumulativeEvaluation}</span>
       `

        $('.j-cn-goodsName').html(fangfaStr);
        $('.j-commodity-details-form-span').html(fangfaStr);
        $('.shop-price').html(fangfaStr2);
        $('.j-commodity-2-21').html(fangfaStr3);
        $('.j-commodity-2-13').html(fangfaStr4);
        $('.j-commodity-2-15').html(fangfaStr5);
        $('.j-min-list').html(fangfaStr6);
        $('.j-he-list').html(fangfaStr7);
        $('#j-max').html(fangfaStr8);
    }
});
// 侧边栏
// $('.search-text').focus(function() {
//     $('.search-text').removeAttr('placeholder');
// });
// $('.search-text').blur(function() {
//     $('.search-text').attr('placeholder', '周大福');
// });

// $(".returnTop").hide();
// $(window).scroll(function() {
//     if ($(window).scrollTop() >= 500) {
//         $(".returnTop").show();
//     } else {
//         $(".returnTop").hide();
//     }
// });
// $(".returnTop").click(function() {
//     $('html').animate({
//         'scrollTop': 0
//     }, 3000)
// });
// $('.shopCart').click(function() {
//     $('.mui-mbar-tabs').toggleClass('w320');
//     setTimeout(function() {
//         $('.ibar_closebtn').toggleClass('db');
//     }, 300)
// });
// $('.ibar_closebtn').click(function() {
//     $('.mui-mbar-tabs').removeClass('w320');
//     $('.ibar_closebtn').removeClass('db');
// });
// if (!$('.num').length == 0) {
//     $('.cart_num').text($('.num').text());
// } else {
//     $('.cart_num').text(0);
// };

// localStorage.clear();
var uid = localStorage.getItem('uid');
var utitle = localStorage.getItem('utitle');
var uprice = localStorage.getItem('uprice');
var uimg = localStorage.getItem('uimg');
var ucount = localStorage.getItem('uconut');

function dataShop(uId, uTitle, uPrice, uImg, uCount) {
    // console.log(localStorage.key());
    let map = new Map();
    map.set('id', uId);
    map.set('title', uTitle);
    map.set('price', uPrice);
    map.set('img', uImg);
    map.set('count', uCount);
    console.log(map);
    // var str = '';
    // str += `
    //     <li class="cart_item last">
    //     <div class="cart_item_pic">
    //         <a href="">
    //             <img src="${map.get('img')}" alt="">
    //         </a>
    //     </div>
    //     <div class="cart_item_desc">
    //         <a href="" class="cart_item_name">${map.get('title')}</a>
    //         <div class="lie">
    //             <div class="cart_item_price">
    //                 <div class="cart_price">${map.get('price')}</div>
    //                 <div class="delete_cart">
    //                     <a href="javascript:void(0)">删除</a>
    //                 </div>
    //             </div>
    //         </div>
    //         <div class="p-number">
    //             <a href="javascript:void(0)" class="count-remove">-</a>
    //             <span class="num">${map.get('count')}</span>
    //             <a href="javascript:void(0)" class="count-add">+</a>
    //         </div>
    //     </div>
    //     </li>`;
    // $('.ibar_cart_product>ul').html(str);
};
dataShop(uid, utitle, uprice, uimg, ucount);

if ($('.cart_item').length > 0) {
    $('.ecs-tbar-tipbox2').css('display', 'none');
    $('.ibar_cart_group').css('display', 'block');
} else {
    $('.ecs-tbar-tipbox2').css('display', 'block');
    $('.ibar_cart_group').css('display', 'none');
};


$('.cart_handler_right').text('￥' + Number($('.cart_price').text()) * Number($('.num').text()));
$('.count-remove').click(function() {
    var count = Number($(this).next().text());
    if (count > 1) {
        count--;
        $(this).next().text(count);
    } else {
        count = 1;
        $(this).next().text(count);
    }
    add();
    sumPrice();
});

$('.count-add').click(function() {
    var count = Number($(this).prev().text());
    count++;
    $(this).prev().text(count);
    add();
    sumPrice();
});

function add() {
    var num = 0;
    $('.num').each(function(i, e) {
        num += Number($(e).text());
    });
    $('.cart_num').text(num);
};
add();

function sumPrice() {

    // $('.cart_price').each(function(j, el) {
    //     console.log(Number($(el).text()));
    // })
}
// 小图边框
$('.j-white').mouseover(function() {
    $(this).addClass('border-red').siblings().removeClass('border-red');
    // $(this).addClass('j-img').siblings().removeClass('j-img')
    $('.j-min').children('li').addClass('j-img').siblings().removeClass('j-img');
    $('.j-min li').eq($(this).index()).css('z-index', 99).siblings().css('z-index', '0');
});
// // hover效果
// // console.log($('.j-min').children().children())
// $('.j-min').children().children().mouseover(function() {
//         console.log(this);
//     })
// console.log($('.icon'));
// 左右滑动
$('.j-right-jt').click(function() {
    $('.j-he-list').animate({
        left: -300
    }, 600);
    $('.j-left-jt').css('color', 'black');
    $('.j-right-jt').css('color', '#ccc');
});
$('.j-left-jt').click(function() {
    $('.j-he-list').animate({
        left: 0
    }, 600);
    $('.j-left-jt').css('color', '#ccc');
    $('.j-right-jt').css('color', 'black');
});
$('.j-min').hover(function() {
    $('#j-mask').fadeToggle(100);
    $('.j-max_img').eq($('.border-red').index()).stop().fadeToggle(100);
})

$('.j-min').mousemove(function(e) {
    var minX = e.pageX - $('.j-min').offset().left;
    var minY = e.pageY - $('.j-min').offset().top;
    // 光标在蒙版的中间
    minX = minX - $('#j-mask').innerWidth() / 2;
    minY = minY - $('#j-mask').innerHeight() / 2;

    var maskX = $('.j-min').width() - $('#j-mask').width();
    var maskY = $('.j-min').width() - $('#j-mask').width();
    // 蒙版移动的最大距离
    if (minX > maskX) {
        minX = maskX;
    } else if (minX < 0) {
        minX = 0
    };
    if (minY > maskY) {
        minY = maskY;
    } else if (minY < 0) {
        minY = 0
    };
    // 蒙版位置
    $("#j-mask").css({
        left: minX,
        top: minY
    })

    // 比例关系
    // 蒙版移动 大盒图片也移动
    var radioX = minX / maskX;
    var radioY = minY / maskY;
    $(".j-max_img").css({
        left: radioX * ($('#j-max').width() - $('.j-max_img').width()),
        top: radioY * ($('#j-max').height() - $('.j-max_img').height())
    });
    // 蒙版偏移
    $('#j-mask').offset().left = minX + 'px';
    $('#j-mask').offset().left = minY + 'px';
});
// 第三行左侧
$('.mcThree>li').click(function() {
    $(this).addClass('curr').siblings().removeClass('curr')
});
// 第三行右侧
$('.j-g-m-detail-top-left-ul>li').click(function() {
    $(this).addClass('j-g-m-detail-top-left-ul-first').siblings().removeClass('j-g-m-detail-top-left-ul-first')
});
$('.j-g-m-detail-top-right-2').click(function() {
    $('.j-middle-goshopping').css({
        "display": "block"
    });
    // if (!this.onclick(this)) {
    //     $('.j-middle-goshopping').css({
    //         "display": "none"
    //     });
    // }
});

// 动态下滑
$('#dynamicSlide').click(function() {
    $('html').animate({
        scrollTop: 735
    }, 1000);
});
$('#dynamicSlide2').click(function() {
    $('html').animate({
        scrollTop: 735
    }, 1000);
});
$('#dynamicSlide3').click(function() {
    $('html').animate({
        scrollTop: 735
    }, 1000);
});
$('#dynamicSlide4').click(function() {
    $('html').animate({
        scrollTop: 735
    }, 1000);
});
$('.j-middle-goshopping>p:nth-child(3)>button').click(function() {
    $('.j-middle-goshopping').css({
        "display": "none"
    });
})
$('.j-g-m-detail-top4-ul>li').click(function() {
    $(this).addClass('j-g-m-detail-top4-ul-red').siblings().removeClass('j-g-m-detail-top4-ul-red')
})
$('.gm-f-tab>a').click(function() {
    $(this).addClass('curr').siblings().removeClass('curr')
})

// function showPage(data) {
//     var pageDatas = '';
//     for (var i = 0; i < data.length; i++) {
//         var xiao = ``;
//         for (var j = 0; j < data[i].goods_thumb.gallery_list.length; j++) {
//             xiao += `
//                     <li class="j-white">
//                         <a href="">
//                             <img src="${data[i].goods_thumb.gallery_list[j]}" alt="">
//                         </a>
//                     </li>
//                     `
//         }
//     }
//     console.log(xiao);
//     $('.j-he-list').html(xiao)
// }

// function showPage1(data) {
//     var pageDatas1 = '';
//     for (var i = 0; i < data.length; i++) {
//         var xiao1 = ``;
//         for (var j = 0; j < data[i].goods_thumb.gallery_list.length; j++) {
//             xiao1 = `
//                     <a href="" class="label_url"><img src="https://x.dscmall.cn/storage/data/goods/label/双十二2.png"></a>
//                 <a href="javascript:;" style="cursor: auto;" class="label_url"><img src="https://x.dscmall.cn/storage/data/goods/label/商创精选2.png"></a>
//             <span class="j-commodity-details-form-span">${data[i].goods_title}</span>
//                     `
//         }
//     }
//     $('.j-commodity-details-form-1').html(xiao1)
// }

// function showPage2(data) {
//     var pageDatas2 = '';
//     for (var i = 0; i < data.length; i++) {
//         var xiao2 = ``;
//         for (var j = 0; j < data[i].goods_thumb.gallery_list.length; j++) {
//             xiao2 = `
//                     <a href="JavaScript:;" title="${data[i].rz_shop_name}" target="_blank" class="name" id="j-commodity-details-32-name"><span>${data[i].rz_shop_name}</span></a>
//                     `
//         }
//     }
//     $('#j-commodity-details-32-name').html(xiao2)
// }

// function showPage3(data) {
//     var pageDatas3 = '';
//     for (var i = 0; i < data.length; i++) {
//         var xiao3 = ``;
//         for (var j = 0; j < data[i].goods_thumb.gallery_list.length; j++) {
//             xiao3 = `
//                     <h3><span  class="j-detail-hd-fixed-span">${data[i].rz_shop_name}</span></h3>
//                     `
//         }
//     }
//     $('.j-detail-hd-fixed-span').html(xiao3)
// };

// function showPage4(data) {
//     var pageDatas4 = '';
//     for (var i = 0; i < data.length; i++) {
//         var xiao3 = ``;
//         for (var j = 0; j < data[i].goods_thumb.gallery_list.length; j++) {
//             xiao4 = `
//             <div class="j-commodity-details-31">
//         <a href="https://x.dscmall.cn/merchants_store-10693.html" target="_blank">
//             <img src="https://x.dscmall.cn/storage/images/1 - 副本.jpg"></a>
//     </div>
//             `
//         }
//     }
//     $('.').html(xiao4)
// }

function showPage5(data) {
    var pageDatas5 = '';
    for (var i = 0; i < data.length; i++) {
        var xiao5 = ``;
        for (var j = 0; j < data[i].goods_thumb.gallery_list.length; j++) {
            xiao5 = `
                    <span class="j-crumbs-nav-item-a1"><span>${data[i].cat_name}</span></span>
                    `
        }
    }
    $('.j-crumbs-nav-item-a1').html(xiao5);
};

//  返回顶部
$(window).scroll(function() {
    if ($(window).scrollTop() >= 500) {
        $('.returnTop').show();
    } else {
        $('.returnTop').hide();
    }
});
// 商品详情事件
$('.j-g-m-detail-top-left-ul>li:nth-child(1)').click(function() {
    $('.j-g-m-detail-top2').css("display", "block");
    $('.j-g-m-detail-top3').css("display", "block");
    $('.j-g-m-detail-top0>div:nth-child(3)').css("display", "block");
    $('.Ptable').css("display", "none");
    $('.j-g-m-detail-top4').css("display", "block");
    $('.j-praise-rate-warp').css("display", "block");
    $('.com-list-main').css("display", "block");
    $('.j-g-m-detail-top2>span').text("商品详情");
});
$('.j-g-m-detail-top-left-ul>li:nth-child(2)').click(function() {
    $('.j-g-m-detail-top2').css("display", "block");
    $('.j-g-m-detail-top0>div:nth-child(3)').css("display", "none");
    $('.j-g-m-detail-top3').css("display", "none");
    $('.Ptable').css("display", "block");
    $('.j-g-m-detail-top4').css("display", "block");
    $('.j-praise-rate-warp').css("display", "block");
    $('.com-list-main').css("display", "block");
    $('.j-g-m-detail-top2>span').text("规格参数");
});
$('.j-g-m-detail-top-left-ul>li:nth-child(3)').click(function() {
    $('.j-g-m-detail-top2').css("display", "none");
    $('.j-g-m-detail-top0>div:nth-child(3)').css("display", "none");
    $('.j-g-m-detail-top3').css("display", "none");
    $('.Ptable').css("display", "none");
    $('.j-g-m-detail-top4').css("display", "block");
    $('.j-praise-rate-warp').css("display", "block");
    $('.com-list-main').css("display", "block");
});
$('.j-g-m-detail-top-left-ul>li:nth-child(4)').click(function() {
    $('.j-g-m-detail-top2').css("display", "none");
    $('.j-g-m-detail-top0>div:nth-child(3)').css("display", "none");
    $('.j-g-m-detail-top3').css("display", "none");
    $('.Ptable').css("display", "none");
    $('.j-g-m-detail-top4').css("display", "none");
    $('.j-praise-rate-warp').css("display", "none");
    $('.com-list-main').css("display", "none");
});
// ***********************

// var jmiddlegoshoppingvalue = $('#j-middle-goshopping-value');
// console.log($('#j-middle-goshopping-value'));
// jmiddlegoshoppingvalue.onclick = function() {
//     HTML.offset()
// }
// ----------------侧边栏通用(第一个)------------------------
// var liEs = document.querySelectorAll('#quick_links ul li');
// var ibar_login_box = document.querySelector('.ibar_login_box');
// // console.log(liEs);
// liEs[0].onmouseover = function() {
//     ibar_login_box.style.display = 'block';
// }
// liEs[0].onmouseout = function() {
//     ibar_login_box.style.display = 'none';
// };
//---------------侧边栏(下面每一项)------------------------
// var onEle = document.querySelectorAll('.ones');
// var mp_tooltip = document.querySelectorAll('.mp_tooltip');
// // console.log(onEle);
// // console.log(mp_tooltip);
// function side() {
//     for (var i = 0; i < mp_tooltip.length; i++) {
//         mp_tooltip[i].className = 'mp_tooltip';
//     }
// };
// for (var j = 0; j < onEle.length; j++) {
//     onEle[j].index = j;
//     onEle[j].onmouseover = function() {
//         side();
//         mp_tooltip[this.index].className = 'mp_tooltip ele';
//     }
//     onEle[j].onmouseout = function() {
//         side();
//     }
// };
// ---------------------------侧边栏右侧出现-------------------
// var shopCart = document.querySelector('#shopCart');
// var ibar_closebtn = document.querySelector('.ibar_closebtn');
// var quick_links_wrap = document.querySelector('.quick_links_wrap');
// shopCart.onclick = function() {
//     quick_links_wrap.style.width = '320px';
// }
// ibar_closebtn.onclick = function() {
//     quick_links_wrap.style.width = '40px';
// }
// $('.returnTop').click(function(e) {
//     $("html").animate({
//         scrollTop: 0
//     }, 1000);
// });

// var mainOffsetTop = $("#brand").offset().top;
// $(window).scroll(function(e) {
//     if ($(window).scrollTop() >= mainOffsetTop) {
//         $('.returnTop').addClass('show');
//     } else {
//         $('.returnTop').removeClass('show');
//     }
// });
// $(function() {
//     $(window).scroll(function() {
//         if ($(window).scrollTop() >= 240) {
//             $('.returnTop').addClass('show');

//         } else {
//             $('.returnTop').removeClass('show');
//         }
//     })
// });